<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>在线回访</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.min.css">
    <link rel="stylesheet" href="sass/style.css">
</head>
<body>
    <div class="return">
        <div class="loading" :class="{dis:isShow}">
            <span class="img">
                <img src="img/loading.gif" alt=""><br>
                loading...
            </span>
        </div>
        <div>网销在线回访</div>
        <span class="tips-r">
            <i style="display: block;text-align: center">百年康惠保（旗舰版）重大疾病保险产品回访问卷</i>
            &nbsp;&nbsp;&nbsp;&nbsp;尊敬的 <span>{{info.applicantName}}</span>先生/女士：感谢您通过 <span>{{info.originName}}</span>购买了我公司的百年康惠保（旗舰版）重大疾病保险产品，此产品是我公司委托 <span>微医（北京）保险经纪有限公司</span>进行销售的，产品相关内容如下，请认真阅读并确认：<br>
            &nbsp;&nbsp;&nbsp;&nbsp;1. 本人亲自确认投保，已阅读并了解保险条款、投保提示、产品说明书及投保声明上的内容，并对产品的保险责任及责任免除、犹豫期等相关权益都已经清楚。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;2.本人投保时录入的投保信息均为真实准确、如实告知。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;3.本产品为保障型产品，第一次共交纳保费为 <span>{{info.premium}}</span>，需连续交费 <span>{{info.payName}}</span>,保障期限为 <span>{{info.ensureName}}</span>。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;4.您可以通过您投保时填写的电子邮箱接收并查看电子保单。自保单成功购买后的第二天起，有15天的犹豫期，犹豫期内您对保单如有疑义，可退还所交保费。超过此期间，如果提前解除保险合同，对您可能会有一定的损失。
        </span>
        <div class="order-r" @click="checkOrder">
            查看订单
        </div>

    </div>
</body>
<script src="js/vue.js"></script>
<script src="js/index.js"></script>
<script src="js/rem.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/qs.js"></script>
<script src="js/base.js"></script>
<script>
    //获取地址栏信息
    function GetQueryString(name)

    {

        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

        var r = decodeURI(window.location.search.substr(1)).match(reg);

        if(r!=null)return  unescape(r[2]); return null;

    }
    var OorderId=GetQueryString("orderId");
    new Vue({
        el:'.return',
        mounted:function(){
            this.get()
        },
        data:{
            info:'',
            isShow:false
        },
        computed:{
            orderId:function() {
                return OorderId ? OorderId : 'O19010702946963709520'
            }
        },
        methods:{
            get:function() {
                var _this = this
                axios({
                    url:'order/onlineVisit?originCode=xucheng&userId=123456',
                    method:'post',
                    data:Qs.stringify({
                        orderId:_this.orderId
                    })
                }).then(function(res) {
                    console.log('成功',res)
                    _this.info = res.data.data
                    _this.isShow = true
                }).catch(function(res) {
                    console.log('失败',res)
                })
            },
            checkOrder:function() {
                var _this = this
                axios({
                    url:'order/onlineReturnVisit?originCode=xucheng&userId=123456',
                    method:'post',
                    data:Qs.stringify({
                        orderId:_this.orderId
                    })
                }).then(function(res) {
                    window.location.href = 'order.html?orderId=' + _this.orderId
                }).catch(function(res) {
                    this.$toast({
                        message:'出错'
                    })
                })
            }
        }
    })
</script>
</html>